<template>
  <div @click="handleClick">{{ message }}</div>
</template>

<script lang="ts">
import Vue from 'vue'
import Component from 'vue-class-component'

@Component({
  data () {
    return {}
  },
  methods: {

  }
}) // => Component 装饰器接收的参数就是组件对象
export default class Comment extends Vue {
  // private message = 'hello'

  // get age () {
  //   return 18
  // }

  // handleClick () {
  //   console.log(this.message)
  // }
}


// import Vue from 'vue'

// export default Vue.extend({
//   data () {
//     return {
//       message: 'hello'
//     }
//   },
//   created () {

//   },
//   methods: {

//   }
// })

// => Options APIs
// 如果使用 Options APIs 一定记得使用 Vue.extend()
// 因为这样 extend 的签名会让我们有类型提示





// function myDec (target) {

// }

// @myDec
// class Person {

//   hello (req, res) {
//     // ....
//   }

//   hello1 () {
//     // ....
//   }
// }

</script>

<style>

</style>
